/**
 * Created by chesw on 2017/5/18.
 * describe: logo样式
 */
var logoStyle = Vue.extend({
    props: [],
    data: function () {
        return {
            list: []
        }
    },
    created: function () {
        this.list = [
            {
                title: '医疗行业',
                partner: [{url_img: '../image/mb-1.png', id: '1'},
                    {url_img: '../image/mb-2.png', id: '1'},
                    {url_img: '../image/mb-3.png', id: '1'},
                    {url_img: '../image/mb-4.png', id: '1'},
                    {url_img: '../image/mb-5.png', id: '1'},
                    {url_img: '../image/mb-6.png', id: '1'},
                    {url_img: '../image/mb-7.png', id: '1'},
                    {url_img: '../image/mb-8.png', id: '1'},
                    {url_img: '../image/mb-9.png', id: '1'},
                    {url_img: '../image/mb-10.png', id: '1'}]
            }, {
                title: '金融行业',
                partner: [{url_img: '../image/fi-1.png', id: '1'},
                    {url_img: '../image/fi-2.png', id: '1'},
                    {url_img: '../image/fi-3.png', id: '1'},
                    {url_img: '../image/fi-4.png', id: '1'},
                    {url_img: '../image/fi-5.png', id: '1'},
                    {url_img: '../image/fi-6.png', id: '1'},
                    {url_img: '../image/fi-7.png', id: '1'},
                    {url_img: '../image/fi-8.png', id: '1'},
                    {url_img: '../image/fi-9.png', id: '1'},
                    {url_img: '../image/fi-10.png', id: '1'},
                    {url_img: '../image/fi-11.png', id: '1'},
                    {url_img: '../image/fi-12.png', id: '1'},
                    {url_img: '../image/fi-13.png', id: '1'},
                    {url_img: '../image/fi-14.png', id: '1'},
                    {url_img: '../image/fi-15.png', id: '1'}]
            }, {
                title: '国家机关',
                partner: [{url_img: '../image/so-1.png', id: '1'},
                    {url_img: '../image/so-2.png', id: '1'},
                    {url_img: '../image/so-3.png', id: '1'},
                    {url_img: '../image/so-4.png', id: '1'},
                    {url_img: '../image/so-5.png', id: '1'}]
            }, {
                title: '教育机构',
                partner: [{url_img: '../image/es-1.png', id: '1'},
                    {url_img: '../image/es-2.png', id: '1'},
                    {url_img: '../image/es-3.png', id: '1'},
                    {url_img: '../image/es-4.png', id: '1'},
                    {url_img: '../image/es-5.png', id: '1'}]
            }, {
                title: '国有企业',
                partner: [{url_img: '../image/soe-1.png', id: '1'},
                    {url_img: '../image/soe-2.png', id: '1'},
                    {url_img: '../image/soe-3.png', id: '1'},
                    {url_img: '../image/soe-4.png', id: '1'},
                    {url_img: '../image/soe-5.png', id: '1'},
                    {url_img: '../image/soe-6.png', id: '1'},
                    {url_img: '../image/soe-7.png', id: '1'},
                    {url_img: '../image/soe-8.png', id: '1'},
                    {url_img: '../image/soe-9.png', id: '1'},
                    {url_img: '../image/soe-10.png', id: '1'}]
            }, {
                title: '外资企业',
                partner: [{url_img: '../image/fe-1.png', id: '1'},
                    {url_img: '../image/fe-2.png', id: '1'},
                    {url_img: '../image/fe-3.png', id: '1'},
                    {url_img: '../image/fe-4.png', id: '1'},
                    {url_img: '../image/fe-5.png', id: '1'},
                    {url_img: '../image/fe-6.png', id: '1'},
                    {url_img: '../image/fe-7.png', id: '1'},
                    {url_img: '../image/fe-8.png', id: '1'},
                    {url_img: '../image/fe-9.png', id: '1'},
                    {url_img: '../image/fe-10.png', id: '1'}]
            },{
                title: '民营企业',
                partner: [{url_img: '../image/po-1.png', id: '1'},
                    {url_img: '../image/po-2.png', id: '1'},
                    {url_img: '../image/po-3.png', id: '1'},
                    {url_img: '../image/po-4.png', id: '1'},
                    {url_img: '../image/po-5.png', id: '1'}]
            }
        ];
    },
    template: '<div class="logo-style">' +
        '<div class="inner-logo-style">' +
            '<ul>' +
                '<li v-for="cls in list">' +
                    '<p class="title">{{cls.title}}</p>' +
                    '<ul class="partner">' +
                        '<li class="partner-logo" v-for="item in cls.partner">' +
                            '<img :src="item.url_img">' +
                        '</li>' +
                    '</ul>' +
                '</li>' +
            '</ul>' +
        '</div>' +
    '</div>'
});